<!DOCTYPE html>
<html>
<head>
  <title>任务列表</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet" media="screen">
  <!--responsive响应式-->
  <link href="css/bootstrap-responsive.css" rel="stylesheet">
  <link href="css/oa_project.css" rel="stylesheet"></head>
<body>
  <div class="navbar navbar-col333  navbar-fixed-top">
    <div class="container">
      <div class="logo">
        <div class="fn-right">
          当前登录者:A天浩
          <a class="ml40" href="">[退出系统]</a>
        </div>
        
      </div>
    </div>
  </div>

  <div class="wrap">
    <div class="container pt50px bor1d9 fn-clear">
      <div class="project-sidebar">
        <div class="project-sidebar-site">
          <!-- site sidebar -->
          <h1>任务单</h1>
          <ul>
            <li >
              <a class="active" href="">新增任务单</a>
            </li>
            <li>
              <a href="">进行中（99+）</a>
            </li>
            <li>
              <a href="">待审核（10）</a>
            </li>
            <li>
              <a href="">已结束（10）</a>
            </li>
          </ul>
          <h1>管理</h1>
          <ul>
            <li>
              <a href="">组员周报</a>
            </li>
            <li>
              <a href="">权限设置</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="project-detail ">
        <div class="project-detail-search">
          待审核的任务单,共 6 条 
          <input class="normal" type="text">
          <a class="but-only" >查询</a>
        </div>
        <div class="project-detail-com">
          <div class="project-mine-list ">
            <!-- 进行中 fn-hide-->
            <table>
              <thead>                                                     
                <tr>                                  
                  <td width="30">单号</td>
                  <td width="140">标题</td>
                  <td width="60">项目组</td>
                  <td width="60">优先级</td>
                  <td width="70">订单人</td>
                  <td width="70">接单人</td>
                  <td width="120">提交时间</td>
                  <td width="120">需求时间</td>
                  <td width="50">状态</td>
                  <td>管理任务</td>
                </tr>
              </thead>
              <tbody>
                <tr >                                 
                  <td class="news">1111</td>
                  <td>（神武）武器美术类需求</td>
                  <td>神武 </td>
                  <td>普通</td>
                  <td>纪磊</td>
                  <td>纪磊磊磊</td>
                  <td>2013-08-30-12:30</td>
                  <td>2013/12/10-12:30</td>
                  <td>待接单</td>
                  <td><a class="d-ib mr5" href="">详情</a><a class="d-ib mr5" href="">调整</a><a class="d-ib " href="">关闭</a></td>
                </tr>
                <tr class="bgfa">                                 
                  <td class="news">11111111</td>
                  <td>（神武）美术类需求</td>
                  <td>神武 </td>
                  <td>普通</td>
                  <td>纪磊</td>
                  <td>纪磊磊磊</td>
                  <td>2013-08-30-12:30</td>
                  <td>2013/12/10-12:30</td>
                  <td>待接单</td>
                  <td><a class="d-ib mr5" href="">详情</a><a class="d-ib mr5" href="">调整</a><a class="d-ib " href="">关闭</a></td>
                </tr>
                <tr>                                 
                  <td>1</td>
                  <td>（神武）武器美术类需求</td>
                  <td>神武 </td>
                  <td>普通</td>
                  <td>纪磊</td>
                  <td>纪磊磊磊</td>
                  <td>2013-08-30-12:30</td>
                  <td>2013/12/10-12:30</td>
                  <td>待接单</td>
                  <td><a class="d-ib mr5" href="">详情</a><a class="d-ib mr5" href="">调整</a><a class="d-ib " href="">关闭</a></td>
                </tr>
                <tr class="bgfa">                                 
                  <td>1</td>
                  <td>（神武）美术类需求</td>
                  <td>神武 </td>
                  <td>普通</td>
                  <td>纪磊</td>
                  <td>纪磊磊磊</td>
                  <td>2013-08-30-12:30</td>
                  <td>2013/12/10-12:30</td>
                  <td>待接单</td>
                  <td><a class="d-ib mr5" href="">详情</a><a class="d-ib mr5" href="">调整</a><a class="d-ib " href="">关闭</a></td>
                </tr>            

              </tbody>
            </table>
            <div class="pagination pagination-small pagination-centered">

              <ul>
                <li>
                  <a href="#">首页</a>
                </li>
                <li>
                  <a href="#">上一页</a>
                </li>
                <li class="active">
                  <a href="#">1</a>
                </li>
                <li>
                  <a href="#">2</a>
                </li>
                <li>
                  <a href="#">3</a>
                </li>
                <li>
                  <a href="#">4</a>
                </li>
                <li>
                  <a >...</a>
                </li>
                  <li>
                  <a href="#">下一页</a>
                </li>
                <li>
                  <a href="#">尾页</a>
                </li>
                <li class="ml5">跳转到 <input type="text">   页<a class="but-only ml5">go</a></li>
              </ul>
            </div>
          </div>

           <div class="project-mine-list ">
              <!-- 待审核列表 fn-hide-->
              <table>
                <thead>                                                
                  <tr>                                  
                    <td width="30">单号</td>
                    <td width="140">标题</td>
                    <td width="60">项目组</td>
                    <td width="60">优先级</td>
                    <td width="70">订单人</td>
                    <td width="70">接单人</td>
                    <td width="120">提交时间</td>
                    <td width="120">需求时间</td>
                    <td width="50">状态</td>
                    <td>管理任务</td>
                  </tr>
                </thead>
                <tbody>
                  <tr >                                 
                    <td >1</td>
                    <td>（神武）武器美术类需求</td>
                    <td>神武 </td>
                    <td>普通</td>
                    <td>纪磊</td>
                    <td>纪磊磊磊</td>
                    <td>2013-08-30-12:30</td>
                    <td>2013/12/10-12:30</td>
                    <td>待接单</td>
                    <td><a class="d-ib mr5" href="">展开</a><a class="d-ib mr5" href="">详情</a><a class="d-ib mr5" href="">调整</a><a class="d-ib " href="">关闭</a></td>
                  </tr>
                  <tr class="bgfa">                                 
                    <td >2</td>
                    <td>（神武）美术类需求</td>
                    <td>神武 </td>
                    <td>普通</td>
                    <td>纪磊</td>
                    <td>纪磊磊磊</td>
                    <td>2013-08-30-12:30</td>
                    <td>2013/12/10-12:30</td>
                    <td>待接单</td>
                    <td><a class="d-ib mr5 active" href="">收起</a><a class="d-ib mr5" href="">详情</a><a class="d-ib mr5" href="">调整</a><a class="d-ib " href="">关闭</a></td>
                  </tr>
                  <tr><!-- 插入行tr -->
                    <td colspan="10" class="bged">
                      <table class="table-insert">
                        <thead>
                          <tr>
                            <td>制作类型</td>
                            <td>开始时间</td>
                            <td>需求时间</td>
                            <td>完成时间</td>
                            <td>制作人员</td>
                            <td>需求数量</td>
                            <td>成品</td>
                            <td>废稿</td>
                            <td>任务内容</td>
                            <td>管理</td>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td>角色原画 </td>
                            <td>2013-08-30-12:30</td>
                            <td>2013-08-30-12:30</td>
                            <td>2013-08-30-12:30</td>
                            <td>A君A君</td>
                            <td> 20 </td>
                            <td> 20</td>
                            <td>25</td>
                            <td>狐狸精设计</td>
                            <td><span class="colgreen fw700 f14msyh">√</span>已审核</td>
                          </tr>
                          <tr>
                            <td>角色原画 </td>
                            <td>2013-08-30-12:30</td>
                            <td>2013-08-30-12:30</td>
                            <td>2013-08-30-12:30</td>
                            <td>A君A君</td>
                            <td> 20 </td>
                            <td> 20</td>
                            <td>25</td>
                            <td>狐狸精设计</td>
                            <td>_</td>
                          </tr>
                        </tbody>
                        <tfoot>
                          <tr>
                            <td colspan="10" class="col333 tal">
                              <span class="mr10">总数量：125</span>
                              <span class="mr10">成品：45</span>
                              <span class="mr10">废稿：70 </span>
                              <span class="mr10">制作时间：5天</span></td>
                          </tr>
                        </tfoot>


                      </table>
                    </td>
                  </tr>
                  <tr>                                 
                    <td>3</td>
                    <td>（神武）武器美术类需求</td>
                    <td>神武 </td>
                    <td>普通</td>
                    <td>纪磊</td>
                    <td>纪磊磊磊</td>
                    <td>2013-08-30-12:30</td>
                    <td>2013/12/10-12:30</td>
                    <td>待接单</td>
                    <td><a class="d-ib mr5" href="">展开</a><a class="d-ib mr5" href="">详情</a><a class="d-ib mr5" href="">调整</a><a class="d-ib " href="">关闭</a></td>
                  </tr>
                  <tr class="bgfa">                                 
                    <td>4</td>
                    <td>（神武）美术类需求</td>
                    <td>神武 </td>
                    <td>普通</td>
                    <td>纪磊</td>
                    <td>纪磊磊磊</td>
                    <td>2013-08-30-12:30</td>
                    <td>2013/12/10-12:30</td>
                    <td>待接单</td>
                    <td><a class="d-ib mr5" href="">展开</a><a class="d-ib mr5" href="">详情</a><a class="d-ib mr5" href="">调整</a><a class="d-ib " href="">关闭</a></td>
                  </tr>            

                </tbody>
              </table>
              <div class="pagination pagination-small pagination-centered">

                <ul>
                  <li>
                    <a href="#">首页</a>
                  </li>
                  <li>
                    <a href="#">上一页</a>
                  </li>
                  <li class="active">
                    <a href="#">1</a>
                  </li>
                  <li>
                    <a href="#">2</a>
                  </li>
                  <li>
                    <a href="#">3</a>
                  </li>
                  <li>
                    <a href="#">4</a>
                  </li>
                  <li>
                    <a >...</a>
                  </li>
                    <li>
                    <a href="#">下一页</a>
                  </li>
                  <li>
                    <a href="#">尾页</a>
                  </li>
                  <li class="ml5">跳转到 <input type="text">   页<a class="but-only ml5">go</a></li>
                </ul>
              </div>
          </div>

          <div class="project-mine-list ">
              <!-- 已结束列表 fn-hide-->
              <table>
                <thead>                                                
                  <tr>                                  
                    <td width="30">单号</td>
                    <td width="140">标题</td>
                    <td width="60">项目组</td>
                    <td width="60">优先级</td>
                    <td width="70">订单人</td>
                    <td width="70">接单人</td>
                    <td width="120">提交时间</td>
                    <td width="120">需求时间</td>
                    <td width="50">状态</td>
                    <td>管理任务</td>
                  </tr>
                </thead>
                <tbody>
                  <tr >                                 
                    <td >1</td>
                    <td>（神武）武器美术类需求</td>
                    <td>神武 </td>
                    <td>普通</td>
                    <td>纪磊</td>
                    <td>纪磊磊磊</td>
                    <td>2013-08-30-12:30</td>
                    <td>2013/12/10-12:30</td>
                    <td>待接单</td>
                    <td><a class="d-ib mr5" href="">详情</a></td>
                  </tr>
                  <tr class="bgfa">                                 
                    <td >2</td>
                    <td>（神武）美术类需求</td>
                    <td>神武 </td>
                    <td>普通</td>
                    <td>纪磊</td>
                    <td>纪磊磊磊</td>
                    <td>2013-08-30-12:30</td>
                    <td>2013/12/10-12:30</td>
                    <td>待接单</td>
                    <td><a class="d-ib mr5" href="">详情</a></td>
                  </tr>
                
                  <tr>                                 
                    <td>3</td>
                    <td>（神武）武器美术类需求</td>
                    <td>神武 </td>
                    <td>普通</td>
                    <td>纪磊</td>
                    <td>纪磊磊磊</td>
                    <td>2013-08-30-12:30</td>
                    <td>2013/12/10-12:30</td>
                    <td>待接单</td>
                    <td><a class="d-ib mr5" href="">详情</a></td>
                  </tr>
                  <tr class="bgfa">                                 
                    <td>4</td>
                    <td>（神武）美术类需求</td>
                    <td>神武 </td>
                    <td>普通</td>
                    <td>纪磊</td>
                    <td>纪磊磊磊</td>
                    <td>2013-08-30-12:30</td>
                    <td>2013/12/10-12:30</td>
                    <td>待接单</td>
                    <td><a class="d-ib mr5" href="">详情</a></td>
                  </tr>            

                </tbody>
              </table>
              <div class="pagination pagination-small pagination-centered">

                <ul>
                  <li>
                    <a href="#">首页</a>
                  </li>
                  <li>
                    <a href="#">上一页</a>
                  </li>
                  <li class="active">
                    <a href="#">1</a>
                  </li>
                  <li>
                    <a href="#">2</a>
                  </li>
                  <li>
                    <a href="#">3</a>
                  </li>
                  <li>
                    <a href="#">4</a>
                  </li>
                  <li>
                    <a >...</a>
                  </li>
                    <li>
                    <a href="#">下一页</a>
                  </li>
                  <li>
                    <a href="#">尾页</a>
                  </li>
                  <li class="ml5">跳转到 <input type="text">   页<a class="but-only ml5">go</a></li>
                </ul>
              </div>
          </div>

          <div class="project-mine-list ">
              <!-- 已结束列表 fn-hide-->
              <table>
                <thead>                                                
                  <tr>                                  
                    <td width="30">单号</td>
                    <td width="140">标题</td>
                    <td width="60">项目组</td>
                    <td width="60">优先级</td>
                    <td width="70">订单人</td>
                    <td width="70">接单人</td>
                    <td width="120">提交时间</td>
                    <td width="120">需求时间</td>
                    <td width="50">状态</td>
                    <td>管理任务</td>
                  </tr>
                </thead>
                <tbody>
                  <tr >                                 
                    <td colspan="10">1</td>
                    
                  </tr>
                  

                </tbody>
              </table>
              <div class="pagination pagination-small pagination-centered">

                <ul>
                  <li>
                    <a href="#">首页</a>
                  </li>
                  <li>
                    <a href="#">上一页</a>
                  </li>
                  <li class="active">
                    <a href="#">1</a>
                  </li>
                  <li>
                    <a href="#">2</a>
                  </li>
                  <li>
                    <a href="#">3</a>
                  </li>
                  <li>
                    <a href="#">4</a>
                  </li>
                  <li>
                    <a >...</a>
                  </li>
                    <li>
                    <a href="#">下一页</a>
                  </li>
                  <li>
                    <a href="#">尾页</a>
                  </li>
                  <li class="ml5">跳转到 <input type="text">   页<a class="but-only ml5">go</a></li>
                </ul>
              </div>
          </div>
      </div>
    </div>
    </div>
    <div class="push-footer">
      <!--cannot del ! hold footer size-->
    </div>
  </div>
  <div class="footer">
    <div class="container">
      <p class="muted credit">
        广州多益网络科技有限公司
        <br>ICP粤B2-20060723</p>
    </div>
  </div>

  <div class="pop-title">
    神武武器美术类需求神武武器美术类需求神武武器美术类需求神武武器美术类需求神武武器美术类需求神武武器美术类需求
    <b class="pop-title-cor">
      <!-- 引用语气泡 -->
    </b> <b class="pop-title-cor2"></b>
  </div>
  <div class="point" style="top:650px;left:10px">
      <!-- 下拉搜索栏 -->
      <p class="active">吴陆洲&lt;miemiemie@henhaoji.com&gt;</p>
      <p>吴陆洲&lt;miemiemie@henhaoji.com&gt;</p>
      <p>吴陆洲&lt;miemiemie@henhaoji.com&gt;</p>
  </div>
  <div class="pop-up fn-clear w450  " style="top:1250px;left:10px">
    <h1>添加权限</h1>
    <table class="pop-table2">
      <tr>
        <td class="tar" width="70">邮箱账号：</td>
        <td>
          <span class="imitate-input imitate-input-active">
            <!-- 模拟1个输入栏 是点选状态 imitate-input-active-->
            <span class="imitate-input-value imitate-input-value-active">皇后辉</span> 
            <!--上面2个div是点选contactbox后生成的,皇后辉是点选状态下的active-->
            <input class="normal" type="text">
            <!-- input 焦点所在 --> 
           </span>
        </td>
      </tr>
      <tr>
        <td class="tar" >角色：</td>
        <td>
          <ul class="pop-ul-purview">
            <li>
              <label><input type="checkbox" class="input-check" >策划</label>
              <label><input type="checkbox" class="input-check" >接单人</label>
              <label><input type="checkbox" class="input-check" >主美</label>
            </li>
            <li>
              <a href="" class="art-poj art-poj-active">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
              <a href="" class="art-poj">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
              <a href="" class="art-poj">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
              <a href="" class="art-poj">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
            </li>
            <li><label><input type="checkbox" class="input-check" >组长</label></li>
            <li>
              <a href="" class="art-poj art-poj-active">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
              <a href="" class="art-poj">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
              <a href="" class="art-poj">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
            </li>
          </ul>
        </td>
      </tr>
    </table>
    <p class="tac">
      <a class="but-only but-middle m1005">确认添加</a>
      <a class="but-only but-middle but-gray m1005">取消</a>
    </p>
  </div>
  <div class="pop-up fn-clear w450  " style="top:1250px;left:10px">
    <h1>修改权限</h1>
    <table class="pop-table2">
      <tr>
        <td  class="tar" width="70">邮箱账号：</td>
        <td>
          <span class="imitate-input ">
            <!-- 模拟1个输入栏 是点选状态 imitate-input-active-->
            <span class="imitate-input-value ">皇后辉</span> 
            <!--上面2个div是点选contactbox后生成的,皇后辉是点选状态下的active-->
            <input class="normal" type="text">
            <!-- input 焦点所在 --> 
           </span>
        </td>
      </tr>
      <tr>
        <td  class="tar">角色：</td>
        <td>
          <ul class="pop-ul-purview">
            <li>
              <label><input type="radio" class="input-check" name="lala">策划</label>
              <label><input type="radio" class="input-check" name="lala">接单人</label>
              <label><input type="radio" class="input-check" name="lala">主美</label>
            </li>
            <li>
              <a href="" class="art-poj art-poj-active">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
              <a href="" class="art-poj">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
              <a href="" class="art-poj">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
              <a href="" class="art-poj">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
            </li>
            <li><label><input type="radio" class="input-check" >组长</label></li>
            <li><a href="" class="art-poj art-poj-active">梦想世界</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a>
              <a href="" class="art-poj">马尔斯</a>
              <a href="" class="art-poj">希望之翼</a></li>
          </ul>
        </td>
      </tr>
    </table>
    <p class="tac">
      <a class="but-only but-middle m1005">确定修改</a>
      <a class="but-only but-middle but-gray m1005">取消</a>
    </p>
  </div>
  <div class="pop-up loading-save">
    <img src="img/loading.gif" alt="保存">保存周报成功
  </div>
</body>
</html>